<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物列表</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/shop_list.css" />
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/PIE.js"></script>
		<script src="js/shop_list.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="header_box">
			<div class="header">
				<p>您好，欢迎光临波士蒙斯商城</p>|
				<a href="login.html">您好！路人甲</a>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>
			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>
			<div class="retract" id="retract">
				收起筛选
			</div>
		</div>

		<div class="shop_menu" id="shop" style="display: block;">
			<div class="more" id="more">
				更多
			</div>
			<div class="multi" id="multi">
				多选&nbsp;+
			</div>
			<h3>全部结果> <a href="#">T恤</a></h3>
			<table border="1">
				<tr>
					<th>品牌</th>
					<td class="shop_pic" id="pic" style="height: 117px; display: block;">
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d2.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d3.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d4.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d5.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d6.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d6.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d5.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d4.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d3.png" /></a>
						<a style="border-color: white;" href="javascript:void(0)"><img src="img/d2.png" /></a>
					</td>
				</tr>
				<tr>
					<th>版型</th>
					<td class="stereotype">
						<a href="javascript:void(0)">修身型</a>
						<a href="javascript:void(0)" class="on">标准型</a>
						<a href="javascript:void(0)">宽松型</a>
						<a href="javascript:void(0)">超修身</a>
						<a href="javascript:void(0)">特宽型</a>
					</td>
				</tr>
				<tr>
					<th>袖型</th>
					<td class="sleevetype">
						<a href="javascript:void(0)">长袖 </a>
						<a href="javascript:void(0)">七分袖</a>
						<a href="javascript:void(0)">五分袖</a>
						<a href="javascript:void(0)">短袖 </a>
						<a href="javascript:void(0)">无袖 </a>
					</td>
				</tr>
				<tr>
					<th>商城推荐</th>
					<td class="recom">
						<a href="javascript:void(0)">长袖T恤</a>
						<a href="javascript:void(0)">短袖T恤</a>
						<a href="javascript:void(0)">休闲圆领</a>
					</td>
				</tr>
				<tr>
					<th>领型</th>
					<td class="collar">
						<a href="javascript:void(0)">V领</a>
						<a href="javascript:void(0)">立领</a>
						<a href="javascript:void(0)">圆领</a>
						<a href="javascript:void(0)">高领</a>
						<a href="javascript:void(0)">翻领</a>
						<a href="javascript:void(0)">U型领</a>
						<a href="javascript:void(0)">连帽</a>
						<a href="javascript:void(0)">门筒领</a>
						<a href="javascript:void(0)">POLO领</a>
						<a href="javascript:void(0)">异形领</a>
						<a href="javascript:void(0)">堆堆领</a>
					</td>
				</tr>
			</table>
			<table id="dis" border="1" style="border-top:none ;display: none;">
				<tr>
					<th>主要材质</th>
					<td></td>
				</tr>
				<tr>
					<th>分类</th>
					<td></td>
				</tr>
				<tr>
					<th>颜色</th>
					<td></td>
				</tr>
			</table>
			<div id="spread" class="spread">更多选项（主要材质/分类/颜色 等）V</div>
		</div>
		<div class="content">
			<div class="extra">
				<h2>推广商品</h2>
				<ul>
					<li>
						<a href="pro_details.html"><img src="img/a1.png" />
							<p>七匹狼T恤 男 纯色修身短袖 夏季V领丝光棉T恤衫 灰色1件装 L(170/98)</p><i>￥198.00</i>
							<p>已有<span>500</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a2.png" />
							<p>稻草人（MEXICAN）短袖T恤男2017夏季翻领修身POLO衫男 短袖 白 XL</p><i>￥288.00</i>
							<p>已有<span>145</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a3.png" />
							<p>李宁短袖T恤男2017夏季新品简约修身男士纯色T恤男 001黑色 175/92A(XL)</p><i>￥218.00</i>
							<p>已有<span>688</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a4.png" />
							<p>南极人 2017春秋季新款长袖t恤男 纯棉韩版修身圆领打底衫薄款条纹 黑色 L</p><i>￥238.00</i>
							<p>已有<span>920</span>人评价</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="shop_content">
				<div class="shop_nav1">
					<a href="javascript:void(0)" class="on">综合</a>
					<a href="javascript:void(0)">销量↓</a>
					<a href="javascript:void(0)">评价数↓</a>
					<a href="javascript:void(0)">价格↓</a>
					<div class="select">
						<div>￥<input type="text" value="" /></div><b>-</b>
						<div>￥<input type="text" value="" /></div>
					</div>
				</div>
				<div class="shop_nav2"><strong>收货地点</strong>
					<form>
						<select>
							<option>广西南宁</option>
						</select>
						<span></span><i class="on">双11购物狂欢</i>
						<span></span><i>货到付款</i>
						<span></span><i>仅显示有货</i>
						<span></span><i>海外配送</i>
					</form>
				</div>
				<ul>
					<li>
						<a href="pro_details.html"><img src="img/z1.jpg" />
							<p>花花公子贵宾系列 t恤男2017 新款商务休闲时尚立领印花纯棉长袖T恤男 兔头|白色长袖 180/XL</p><i>￥199</i>
							<p>已有<span>1.9万+</span>人评价</p>
							<p>花花公子专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z2.jpg" />
							<p>【断码特价清仓】七匹狼长袖T恤男2017年秋季新款纯棉圆领T恤衫打底衫 1576 001色黑 180/96A(XXL)</p><i>￥299</i>
							<p>已有<span>3.0万+</span>人评价</p>
							<p>七匹狼专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z3.jpg" />
							<p>A21 以纯男装字母印花拼接插肩长袖T恤男 4731320001-1 深绿 175/88A/L</p><i>￥128</i>
							<p>已有<span>8000+</span>人评价</p>
							<p>A21以纯专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z4.jpg" />
							<p>骆驼（CAMEL）男装 修身微弹圆领纯色休闲青春男士短袖T恤衫 X7B297082 粉紫 XXL</p><i>$88</i>
							<p>已有<span>3500+</span>人评价</p>
							<p>骆驼男装专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z5.jpg" />
							<p>正天羊2017秋冬季圆领条纹加绒加厚长袖T恤男韩版休闲保暖男装打底针织衫潮 秋季常规驼色 175/L</p><i>￥238</i>
							<p>已有<span>1.9万+</span>人评价</p>
							<p>正天羊专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z6.jpg" />
							<p>佐丹奴（Giordano） 男装T恤 纯棉字母印花圆领长袖T恤92097604 标志海军蓝色02 小码(165/92A)</p><i>￥99</i>
							<p>已有<span>2.3万+</span>人评价</p>
							<p>佐丹奴专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z7.jpg" />
							<p>美特斯邦威 Meters Bonwe 601899 男大眼萌图案印花长袖T恤 光谱绿165/88A</p><i>￥188</i>
							<p>已有<span>2.1万+</span>人评价</p>
							<p>美特斯邦威专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z8.jpg" />
							<p>花花公子PLAYBOYJEANS 男士短袖T恤圆领印花纯色修身半袖弹力字母棉上衣 71102002 白色 L</p><i>￥218</i>
							<p>已有<span>7500+</span>人评价</p>
							<p>花花公子专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z9.jpg" />
							<p>美特斯邦威 Meters Bonwe 601898 男多色字母印花长袖T恤 亮白175/96A</p><i>$79</i>
							<p>已有<span>8800+</span>人评价</p>
							<p>美特斯邦威专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z10.jpg" />
							<p>拓路者 Pioneer Camp 长袖T恤 男士时尚简约长袖T恤 620005 深蓝 XL</p><i>￥99</i>
							<p>已有<span>5500+</span>人评价</p>
							<p>拓路者 Pioneer Camp专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z11.jpg" />
							<p>金利来(Goldlion)男装含莫代尔纯色时尚开襟领男士短袖T恤 白色-00 XXXL</p><i>￥199</i>
							<p>已有<span>4800+</span>人评价</p>
							<p>金利来专卖店</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/z12.jpg" />
							<p>拓路者 Pioneer Camp 长袖T恤 男士时尚简约长袖T恤 611901 白色 XXL</p><i>￥198</i>
							<p>已有<span>5700+</span>人评价</p>
							<p>拓路者 Pioneer专卖店</p>
						</a>
					</li>
				</ul>
				<div class="page_box">
					<a href="#">上一页</a>
					<a class="on" href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					...
					<a href="#">123</a>
					<a href="#">下一页</a>
				</div>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>